.liter-story {
  .banner {
    img {
      display: block;
      width: 100%;
    }
  }
  .liter-content {
    .title {
      background-color: #c1d6f2;
    }
    .story-top {
      width: 285px;
      margin: auto;
      background-color: #cccccc;
      margin-top: 50px;
      img {
        display: block;
        width: 285px;
      }
      .story-title {
        padding: 20px 0 0 30px;
        color: #ce8297;
      }
      .story-desc {
        padding: 16px 0 24px 30px;
      }
    }
    .story-bottom {
      .story-content {
        width: 940px;
        margin: 26px auto 0px;
        background-color: #c7c7c7;
        padding: 40px 30px;
        height: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
      .button {
        text-align: center;
        width: 940px;
        margin: 0px auto 160px;
        padding: 24px 0 16px;
        background-color: #c7c7c7;
      }
      .see {
        margin-bottom: 200px;
        height: auto;
      }
    }
  }
}
